/* ================================================================================ 
   =====                            CSS STYLES FOR                            ===== 
   =====                        SCHOOLWEBSITE.NU SKIN                         ===== 
   ================================================================================ */


/* ================================================================================ 
                                  GENERAL SETTINGS
   ================================================================================ */
   

@font-face {
    font-family: 'alphakindregular';
    src: url('fonts/alphakind-webfont.woff2') format('woff2'),
         url('fonts/alphakind-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


html {

    margin:0px; 
    padding:0px; 
    overflow-y:scroll;         /* Altijd een scrollbalk afdwingen i.v.m. verspringingen */
    overscroll-behavior-y: none;	
}

body {
	text-align:left;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	line-height:1.5;
}


/* HEADINGS */
H1, H2, H3, H4, H5 {font-family: 'alphakindregular'; color:#a6138a; font-weight:normal; margin:0; padding-bottom:10px; }
H1 {font-size:36px; padding-bottom:15px; color:#199fcc;}
H2 {font-size:28px;}
H3 {font-size:24px;}
H4 {font-size:20px;}
H5 {font-size:18px;}

.ContentRow3 H1,
.ContentRow3 H2,
.ContentRow3 H3,
.ContentRow3 H4,
.ContentRow3 H5{color:#fff;}

.ContentRow5 H1,
.ContentRow5 H2,
.ContentRow5 H3,
.ContentRow5 H4,
.ContentRow5 H5{color:#fff;}


.ContentPane H1{background: 
-webkit-linear-gradient(45deg, #199fcc, #028979);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;}
 
 

/* LINKS */ 
a:link      {color:#a6138a; text-decoration:none; transition:all 0.3s ease;}
a:visited   {color:#a6138a;}
a:hover     {color:#00aebc;}
a:active    {color:#a6138a;}

/* TABLES */
table {font-size:inherit;}               /* om de lettergrootte in de editor gelijk te zetten */
table tr {}
table tr th {}
table tr td { vertical-align:top;}

/* DNN SPECIFIC */
.Head, .SubHead, .SubSubHead, .Normal, .NormalTextBox, .NormalRed, .NormalBold, .CommandButton { font-family: inherit; color:inherit; line-height:inherit; font-size:inherit; font-weight: inherit;}
.Head { font-size:15px;}          /* style for module titles */
.SubHead {font-size:14px;}        /* style of item titles on edit and admin pages */
.SubSubHead { font-size:13px;}    /* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.NormalBold { font-weight:bold;}

.ModDNNHTMLC table[style*="width: 0px"]  {width:auto !important}

a.Knop{background-color:#a6138a; height:35px; line-height:35px; display:inline-block; margin-right:10px; padding:0px 20px; font-size:16px; color:#fff; transition:all 0.3s ease; position:relative;}
a.Knop:hover{background-color:#00aebc;}

a.Knop.Schuin{padding:0; height:auto; transition:none;}
a.Knop.Schuin span{padding:0px 20px; position:relative; height:35px; display:block;}
a.Knop.Schuin:before{content:""; background-color:transparent; position:relative; display:block; width:100%; height:3px; background-color:#faf3f9; background-image:url("images/diagonal_purple.svg"); background-size: 100% 3px; background-position: center center; background-repeat:no-repeat; transform: scaleX(-1);}
a.Knop.Schuin:after{content:""; background-color:transparent; position:relative; display:block; width:100%; height:3px; background-color:#faf3f9; background-image:url("images/diagonal_purple.svg"); background-size: 100% 3px; background-position: center center; background-repeat:no-repeat; transform: rotateX(180deg) rotateY(180deg); }
a.Knop.Schuin:hover:before,
a.Knop.Schuin:hover:after{background-image:url("images/diagonal_blue.svg"); }


a.Knop.Schuin.Licht,
a.Knop.Schuin.Licht:hover{background-color:transparent;}
a.Knop.Schuin.Licht span{background-color:#faf3f9; color:#a6138a;}
a.Knop.Schuin.Licht:hover span{background-color:#00aebc; color:#fff;}
a.Knop.Schuin.Licht:before,
a.Knop.Schuin.Licht:after{background-color:transparent; background-image:url("images/diagonal_light.svg");}
a.Knop.Schuin.Licht:hover:before,
a.Knop.Schuin.Licht:hover:after{background-image:url("images/diagonal_blue.svg"); }



/* ================================================================================ 
                                     MAIN LAYOUT
   ================================================================================ */
.ControlPanel { }

#Wrapper { margin:0px auto; min-height:100%; background-color:#ffffff; text-align:left;}
.InnerWrapper { margin:0px auto; padding: 0 20px; max-width:1160px; position:relative; -webkit-box-sizing:border-box; box-sizing:border-box;}
.FlexWrapper{ display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap;}

/* HEADER SECTION  */
#Header { padding:40px 0px 50px 0px;}
#Header .InnerWrapper{align-items: flex-end;}
#Header .InnerWrapper .HeaderRight{align-items: flex-end; flex-direction:column;}
#Header .HeaderPane{ padding-bottom:40px; font-size:20px; font-weight:600;}
#Header .HeaderPane .DNNModuleContent a{position:relative; display:inline-block; position:relative; vertical-align:bottom; margin-right:40px;}
#Header .HeaderPane .DNNModuleContent a:after{content:""; display:inline-block; position:absolute; vertical-align:bottom; height:50px; width:60px; background-image:url("images/stralen.png");  background-size:contain; background-repeat:no-repeat; bottom:10px; right:-40px;}
#Logo {}

/* SEARCH  */
.SearchWrapper { display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap;  }
.SearchWrapper .SearchInput { width: calc(100% - 100px); margin: 0; padding: 5px 10px; border: 1px solid #cccccc !important; height: 30px; font-family: Verdana, Arial, Sans-Serif; font-size: 16px; line-height: 20px; background-color: #ffffff;  border: none !important; outline: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; }
.SearchWrapper .SearchInput::-webkit-input-placeholder { color:#cccccc;}
.SearchWrapper .SearchInput:-moz-placeholder { color:#cccccc;}
.SearchWrapper .SearchInput::-moz-placeholder {color:#cccccc; }
.SearchWrapper .SearchInput:-ms-input-placeholder {color:#cccccc; }
.SearchWrapper .SearchInput::-ms-input-placeholder { color:#cccccc; }
.SearchWrapper .SearchSubmit { display: inline-block; padding: 5px 10px; height: 30px; font-family: Verdana, Arial, Sans-Serif; font-size: 16px; line-height: 20px; color: #fff; background-color: #ff0000; border: none !important; outline: none !important; cursor: pointer;}
.SearchWrapper .SearchSubmit:before { display: inline-block; margin: 0 10px 0 0; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:16px; content: "\f002"; }
.SearchWrapper .SearchSubmit:hover { text-decoration: none; background-color: #0000ff; }

#Search { width: 240px;} /*desktop */
#MobiSearch { padding: 10px 10px 20px 10px; border-bottom:1px solid #f0f0f0; display:none;} /* mobile */

/* HEADER LINKS */ 
.HeaderLink { display: inline-block; }

/* LOGIN  */	
#Login{margin-top:30px;}
#Login ul{margin:0;}
#Login ul li{display:inline-block; margin:0; padding-right:10px;}

a.inloggen { display: inline-block; margin: 0;  color: #ffffff; transition: all 0.3s ease;}
a.inloggen:before { display: inline-block; margin: 0 5px 0 0; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f13e";  }
a.inloggen:hover { text-decoration: none; }

/* dashboard link */
a.dashboard-link { display: inline-block; margin: 0;  color: #ffffff; transition: all 0.3s ease;}
a.dashboard-link:before { display: inline-block; margin: 0 5px 0 0; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f085";  }
a.dashboard-link:hover { text-decoration: none; }


/* MENU SECTION */
#Menu { position:relative; width:100%;}
#Menu .InnerWrapper {display:flex; flex-direction: column; align-items: flex-end; padding:0;}
#Menu .InnerWrapper .RadMenu_MainMenu{width:auto !important;}

/* BREADCRUMB SECTION */
#Breadcrumb {}
#Breadcrumb .BreadcrumbContainer {}

/* PANES SECTION */
#Content { }
#Content .Container { margin-bottom:40px;}
#Content .BannerPaneWrapper .Container {margin-bottom:0;}

.ContentRow1{background-color:#faf3f9; padding:80px 0px 50px 0px}
.ContentRow1 .ContentPane{margin-top:20px;}
#Wrapper.Home .ContentRow1{padding:0;}
#Wrapper.Home .ContentRow1 .ContentPane{margin-top:0px;}

.ContentRow2{background-color:#faf3f9;}
.ContentRow3{color:#fff; background: #199fcc; 
background: -moz-linear-gradient(-45deg,  #199fcc 0%, #028979 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #199fcc 0%,#028979 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #199fcc 0%,#028979 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.ContentRow4{background-color:#faf3f9;}
.ContentRow5{background-color:#a6138a;}

.SidePane{min-height:1px;}
#Wrapper.Home .SidePane{min-height:auto;}


#Wrapper.Home .ContentRow3:before{content:""; height:50px; width:100%; display:block; position:relative; background-image:url("images/diagonal_light.svg"); background-size: 100% 50px; background-position: center center; background-repeat:no-repeat; transform: rotateX(180deg) rotateY(180deg) scaleX(-1);}
#Wrapper.Home .ContentRow3:after{content:""; height:50px; width:100%; display:block; position:relative; background-image:url("images/diagonal_light.svg"); background-size: 100% 50px; background-position: center center; background-repeat:no-repeat;}
#Wrapper.Home .ContentRow4:after{content:""; height:50px; width:100%; display:block; position:relative; background-image:url("images/diagonal_purple.svg"); background-size: 100% 50px; background-position: center center; background-repeat:no-repeat; transform: scaleX(-1)}

#Wrapper.Home .ContentRow2 .InnerWrapper{padding-top:80px; padding-bottom:0px;}
#Wrapper.Home .ContentRow3 .InnerWrapper{padding-top:120px; padding-bottom:50px;}
#Wrapper.Home .ContentRow4 .InnerWrapper{padding-top:80px; padding-bottom:0px;}
#Wrapper.Home .ContentRow5 .InnerWrapper{padding-top:80px; padding-bottom:50px;}

.SectionHeader{padding-bottom:30px;}
.SectionHeader.FlexWrapper{justify-content:space-between; align-items: center;}
.SectionHeader .SectionCenter{text-align:center;}
.SectionHeader .SectionRight{margin-left: auto;}
.SectionFooter{text-align:center;}

#Wrapper.Home .ContentRow3 .SectionHeader h1 span{position:relative;}
#Wrapper.Home .ContentRow3 .SectionHeader h1 span:after{content:""; display:inline-block; position:absolute; vertical-align:bottom; height:70px; width:80px; background-image:url("images/stralen.png");  background-size:contain; background-repeat:no-repeat; bottom:15px; right:-50px;}


.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth { float:left; margin-right:4%; -webkit-box-sizing:border-box; box-sizing:border-box; }
.one-half.last, .one-third.last, .two-third.last, .one-fourth.last, .three-fourth.last, .one-fifth.last, .two-fifth.last, .three-fifth.last, .four-fifth.last, .one-sixth.last, .five-sixth.last  { margin-right:0;}

.fullpane{width:100%;}
.one-half { width:48%;}
.one-third { width:30.66%;}
.two-third { width:65.33%;}
.one-fourth { width:22%;}
.three-fourth { width:74%;}
.one-fifth {width:16.8%}
.two-fifth { width:37.6}
.three-fifth { width:58.4%}
.four-fifth { width:79.2%}
.one-sixth {width:13.33%}
.five-sixth {width:82.66%}


/* FOOTER SECTION */
#Footer { color:#fff; padding:80px 0px;
background: #199fcc; 
background: -moz-linear-gradient(-45deg,  #199fcc 0%, #028979 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #199fcc 0%,#028979 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #199fcc 0%,#028979 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#Footer .one-third{min-height:1px;}
#Footer .FooterPane2,
#Footer .FooterPane3{margin-top:100px;}

#Footer a:link,
#Footer a:visited,
#Footer a:active{ color:#faf3f9;}
#Footer a:hover{ }



/* == SOCIAL MEDIA LINKS == */
.social-media-links { margin: 10px 0;}
.social-media-links .social-media-link { display: inline-block; width: 36px; height: 36px; margin: 0; border-radius: 50%; color: #ffffff; background-color: #aaaaaa; overflow: hidden; text-indent: -999px; position: relative;}  
.social-media-links .social-media-link:hover { text-decoration: none; background-color: #444444;}
.social-media-links .social-media-link + .social-media-link  { margin-left: 5px;}  

.social-media-links .social-media-link:before { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; font-family: "Font Awesome 5 Brands"; font-size: 20px; line-height: 36px; font-weight: 400; text-indent: 0; text-align: center; }
.social-media-links .social-media-link.facebook:before { content: "\f39e"; }
.social-media-links .social-media-link.instagram:before { content: "\f16d"; }
.social-media-links .social-media-link.linkedin:before { content: "\f0e1"; }
.social-media-links .social-media-link.twitter:before { content: "\f099"; }
.social-media-links .social-media-link.youtube:before { content: "\f167"; }


/* ================================================================================ 
                                     MENU'S
   ================================================================================ */
   
/* =================== 
        RADMENU 
   =================== */  
   
/* Root Items */  
.RadMenu_MainMenu { z-index:910 !important; float:none !important;}
.RadMenu_MainMenu .rmRootGroup { background-color:transparent !important; border-width:0 !important;}
.RadMenu_MainMenu .rmRootGroup .rmItem { margin:0px; padding:0px; }
.RadMenu_MainMenu .rmRootGroup .rmItem .rmLink { margin:0px 8px; padding:0px; cursor:pointer; text-decoration:none; position:relative;}



#Menu { position:relative; z-index:960; isolation:isolate; padding:0;  }
.DesktopMenu .RadMenu_MainMenu .rmHorizontal{white-space: nowrap; position:relative; display: flex;}
.DesktopMenu .RadMenu_MainMenu ul,
.DesktopMenu .RadMenu_MainMenu li { margin:0px; padding:0px; list-style:none;}   

/* !!!!!!!!!!   Fake RadMenu */

/* --ROOT-- */
.DesktopMenu .rmHorizontal .rmSlide {display:block !important; box-sizing:border-box;  z-index:111; top:100%; left:0; overflow:hidden;  height:0; position: absolute; }
.DesktopMenu .rmHorizontal.rmRootGroup > .rmItem.rmLast > .rmSlide {left:auto; right:0}
.DesktopMenu .rmHorizontal .rmGroup {opacity:0; transition:opacity 0.3s ease, transform 0.3s ease; transform:translate(0,-10px);   } 
.DesktopMenu .rmHorizontal .rmItem {margin: 0px;  padding: 0px; position: relative; clear: none; }
.DesktopMenu .rmHorizontal .rmItem .rmLink {  margin:0px 8px; padding:0px; cursor:pointer; text-decoration:none; position:relative; display:block; }  
.DesktopMenu .rmHorizontal .rmItem .rmLink:before{content:""; position:relative; display:block; width:100%; height:3px; background-color:#faf3f9; background-image:url("images/diagonal_purple.svg"); background-size: 100% 3px; background-position: center center; background-repeat:no-repeat; transform: scaleX(-1);}
.DesktopMenu .rmHorizontal .rmItem .rmLink:after{content:""; position:relative; display:block; width:100%; height:3px; background-color:#faf3f9; background-image:url("images/diagonal_purple.svg"); background-size: 100% 3px; background-position: center center; background-repeat:no-repeat; transform: rotateX(180deg) rotateY(180deg); top:0px;}
.DesktopMenu .rmHorizontal .rmItem .rmLink .rmText{ margin:0px; padding:0 20px; font-size:18px; font-weight:500; line-height:35px; height:35px; display:block; white-space:normal; color:#ffffff; background-color:#a6138a; position:relative;}
/*first,last,only*/
.DesktopMenu .rmHorizontal .rmItem.rmFirst{}
.DesktopMenu .rmHorizontal .rmItem.rmLast {}
.DesktopMenu .rmHorizontal .rmItem.rmOnly {}
/*expanded,hover,selected,breadcrumb*/
.DesktopMenu .rmHorizontal.rmRootGroup .rmItem:has(.rmSlide:hover) > .rmLink > .rmText  {}
.DesktopMenu .rmHorizontal.rmRootGroup .rmItem:hover > .rmLink .rmText { }
.DesktopMenu .rmHorizontal.rmRootGroup > .rmItem.rmSelected > .rmLink > .rmText {}
.DesktopMenu .rmHorizontal.rmRootGroup > .rmItem.rmBreadcrumb > .rmLink > .rmText {}


.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+1) > .rmLink .rmText{background-color:#00aebc;}
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+2) > .rmLink .rmText{background-color:#95cb00;}
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+3) > .rmLink .rmText{background-color:#dabc03;}
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+4) > .rmLink .rmText{background-color:#f58800;}
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+5) > .rmLink .rmText{background-color:#e20e22;}
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+6) > .rmLink .rmText{background-color:#a6138a;}

.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+1) > .rmLink:before,
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+1) > .rmLink:after{background-image:url("images/diagonal_blue.svg");}
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+2) > .rmLink:before,
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+2) > .rmLink:after{background-image:url("images/diagonal_green.svg");}
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+3) > .rmLink:before,
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+3) > .rmLink:after{background-image:url("images/diagonal_yellow.svg");}
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+4) > .rmLink:before,
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+4) > .rmLink:after{background-image:url("images/diagonal_orange.svg");}
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+5) > .rmLink:before,
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+5) > .rmLink:after{background-image:url("images/diagonal_red.svg");}
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+6) > .rmLink:before,
.DesktopMenu .rmHorizontal .rmItem:nth-of-type(6n+6) > .rmLink:after{background-image:url("images/diagonal_purple.svg");}



/*--SUB--*/
.DesktopMenu .rmHorizontal .rmLevel0 .rmGroup  {transform:translate(-20px, 0px); }
.DesktopMenu .rmHorizontal .rmItem:hover > .rmSlide { overflow:visible; height:auto; transform:translate(0px, 0px); padding:0px; border-radius:15px;}
.DesktopMenu .rmHorizontal .rmItem:hover > .rmSlide > .rmGroup {opacity:1; transform:translate(0px, 0px);}  
.DesktopMenu .rmHorizontal .rmSlide .rmItem:hover .rmSlide  {left:100%; top:0;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem {width:100%; margin:0;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem .rmLink {margin:0; padding:0; width:100%; display:block;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem .rmLink:before,
.DesktopMenu .rmHorizontal .rmGroup .rmItem .rmLink:after{display:none;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem .rmLink .rmText{ margin:0px; padding:0 10px; line-height:35px; height:35px;  font-size:18px;  display:block; white-space:nowrap; background-color:#a6138a; min-width:200px;}
/*first,last,only*/
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmFirst {}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmFirst > .rmLink > .rmText{}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmLast > .rmLink > .rmText{}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmOnly > .rmLink > .rmText{}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmFirst{margin-top:10px;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmFirst > .rmLink:before{content:""; position:relative; display:block; width:100%; height:5px; background-color:#faf3f9; background-image:url("images/diagonal_purple.svg"); background-size: 100% 5px; background-position: center center; background-repeat:no-repeat; transform: scaleX(-1); background-color:transparent;}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmLast > .rmLink:after{content:""; position:relative; display:block; width:100%; height:5px; background-color:#faf3f9; background-image:url("images/diagonal_purple.svg"); background-size: 100% 5px; background-position: center center; background-repeat:no-repeat; transform: rotateX(180deg) rotateY(180deg); background-color:transparent;}
/*expanded,hover,selected,breadcrumb*/
.DesktopMenu .rmHorizontal .rmGroup .rmItem:has(.rmSlide:hover) > .rmLink > .rmText  {}
.DesktopMenu .rmHorizontal .rmGroup .rmItem:hover > .rmLink .rmText {}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmSelected > .rmLink > .rmText {}
.DesktopMenu .rmHorizontal .rmGroup .rmItem.rmBreadcrumb  > .rmLink > .rmText {}


.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+1) .rmGroup .rmItem .rmLink .rmText{background-color:#00aebc;}
.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+2) .rmGroup .rmItem .rmLink .rmText{background-color:#95cb00;}
.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+3) .rmGroup .rmItem .rmLink .rmText{background-color:#dabc03;}
.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+4) .rmGroup .rmItem .rmLink .rmText{background-color:#f58800;}
.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+5) .rmGroup .rmItem .rmLink .rmText{background-color:#e20e22;}
.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+6) .rmGroup .rmItem .rmLink .rmText{background-color:#a6138a;}

.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+1) .rmGroup .rmItem.rmFirst .rmLink:before,
.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+1) .rmGroup .rmItem.rmLast .rmLink:after{background-image:url("images/diagonal_blue.svg");}
.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+2) .rmGroup .rmItem.rmFirst .rmLink:before,
.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+2) .rmGroup .rmItem.rmLast .rmLink:after{background-image:url("images/diagonal_green.svg");}
.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+3) .rmGroup .rmItem.rmFirst .rmLink:before,
.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+3) .rmGroup .rmItem.rmLast .rmLink:after{background-image:url("images/diagonal_yellow.svg");}
.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+4) .rmGroup .rmItem.rmFirst .rmLink:before,
.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+4) .rmGroup .rmItem.rmLast .rmLink:after{background-image:url("images/diagonal_orange.svg");}
.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+5) .rmGroup .rmItem.rmFirst .rmLink:before,
.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+5) .rmGroup .rmItem.rmLast .rmLink:after{background-image:url("images/diagonal_red.svg");}
.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+6) .rmGroup .rmItem.rmFirst .rmLink:before,
.RadMenu_MainMenu .rmRootGroup > .rmItem:nth-of-type(6n+6) .rmGroup .rmItem.rmLast .rmLink:after{background-image:url("images/diagonal_purple.svg");}




/* !!!!!!!!!!   Fake Panelbar / submenu */
.DesktopMenu  ul.rmRootGroup.rmVertical  {width:100%;   position: relative;    z-index: 100; }
.DesktopMenu .rmVertical .rmSlide {position:static}
.DesktopMenu .rmVertical .rmGroup{transform:translateY(0px); transform:translateX(0px);}
.DesktopMenu .RadMenu ul.rmRootGroup{ background-color:transparent; border:0;}
.DesktopMenu .rmVertical .rmItem {padding:0px 0; width:100%; display:block;}
.DesktopMenu .rmVertical .rmItem .rmLink{width:100%; display:block; margin:0;}
.DesktopMenu .rmVertical .rmItem .rmLink:before,
.DesktopMenu .rmVertical .rmItem .rmLink:after{display:none;}
.DesktopMenu .rmVertical .rmItem .rmLink .rmText{ margin:0px !important; padding:10px 30px !important; border:0px !important; display:block; white-space:normal;  background-color:#a6138a !important; color:#fff; font-size:18px; font-weight:500; height:auto; line-height:inherit;}
.DesktopMenu .rmVertical .rmSlide  {display:none !important}
.DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmSlide   {display:block !important; height:auto; width:100%; }
.DesktopMenu .rmVertical .rmItem.rmBreadcrumb > .rmSlide > .rmGroup  {opacity:1}
 /*sub*/
.DesktopMenu .rmVertical .rmSlide .rmItem {margin:0; width:100%; display:block;}
.DesktopMenu .rmVertical .rmSlide .rmItem .rmLink{width:100%; display:block;}
.DesktopMenu .rmVertical .rmSlide .rmItem.rmFirst{margin-top:0 !important; }
.DesktopMenu .rmVertical .rmSlide .rmItem.rmFirst .rmLink:before{display:none !important; }
.DesktopMenu .rmVertical .rmSlide .rmItem.rmLast .rmLink:after{display:none !important;}
.DesktopMenu .rmVertical .rmSlide .rmItem .rmLink .rmText{margin:0px !important; padding:5px 30px 5px 40px!important; border:0px !important; display:block; white-space: normal; background-color:#a6138a; color:#fff; font-size:16px !important; width:100%; height:auto; line-height:inherit; box-sizing:border-box;}
/*expanded,hover,selected,breadcrumb */
.DesktopMenu .rmVertical .rmItem .rmLink:hover { text-decoration:none !important}
.DesktopMenu .rmVertical .rmItem:has(.rmSlide:hover) > .rmLink > .rmText  {  }
.DesktopMenu .rmVertical .rmItem:hover > .rmLink > .rmText { }
.DesktopMenu .rmVertical .rmItem .rmSelected > .rmLink > .rmText {  }
.DesktopMenu .rmVertical .rmItem.rmBreadcrumb  > .rmLink > .rmText { }


.DesktopMenu .rmVertical > .rmItem.rmFirst .rmLink .rmText{padding-top:20px !important}
.DesktopMenu .rmVertical > .rmItem.rmLast .rmLink .rmText{padding-bottom:20px !important}
.DesktopMenu .rmVertical > .rmItem.rmFirst:before{content:""; position:relative; display:block; width:100%; height:20px; background-color:#faf3f9; background-image:url("images/diagonal_purple.svg"); background-size: 100% 20px; background-position: center center; background-repeat:no-repeat;}
.DesktopMenu .rmVertical > .rmItem.rmLast:after{content:""; position:relative; display:block; width:100%; height:20px; visibility:visible; background-color:#faf3f9; background-image:url("images/diagonal_purple.svg"); background-size: 100% 20px; background-position: center center; background-repeat:no-repeat; transform: rotateX(180deg) rotateY(180deg) scaleX(-1);}




/* ================================================================================ 
                                 MOBILE MENU
   ================================================================================ */   

.MobileMenuTrigger   { display:none; width: 50px; height: 50px; margin: 5px 0; padding: 0; cursor:pointer; background-color:#a6138a; color:#fff; font-size:40px; line-height:50px; text-align: center; margin:auto;}
.MobileMenuTrigger:before   { content: "\f0c9"; display: block; font-family: 'Font Awesome 5 Free'; font-weight: 900;  }
.MobileMenuTrigger.active { background-color: #00aebc; }  
@media (hover: hover) {
   .MobileMenuTrigger:hover { background-color: #00aebc; } 
 } 

.MobileMenuTrigger.active:before   { content: "\f00d"; }

#MobileMenu.active { display:block}
#MobileMenu { display: none; margin: 0; padding: 20px 0; width: 100%; clear:both; font-size: 16px; font-weight: 700;}
#MobileMenu * {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);  -webkit-touch-callout: none;  -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none;}

#MobiNav { margin:0; text-align:left; display:block; padding:0; }
#MobiNav ul {list-style:none; margin:0; padding:0 0 0 20px;}
#MobiNav li {list-style:none; margin:0; padding:0 0 0 10px;}

#MobiNav > li:nth-of-type(6n+1){background-color:#00aebc;}
#MobiNav > li:nth-of-type(6n+2){background-color:#95cb00;}
#MobiNav > li:nth-of-type(6n+3){background-color:#dabc03;}
#MobiNav > li:nth-of-type(6n+4){background-color:#f58800;}
#MobiNav > li:nth-of-type(6n+5){background-color:#e20e22;}
#MobiNav > li:nth-of-type(6n+6){background-color:#a6138a;}

#MobiNav .item { min-height:40px; line-height:40px; border-bottom:1px solid #fff; position:relative; }
#MobiNav .item a {color:#fff !important; display:block; width:calc(100% - 80px); font-weight:400;}
#MobiNav .item a:hover, #MobiNav .item.selected > a { text-decoration:none; color:#fff !important; font-weight:600;}
#MobiNav .item.haschild:after { display:block; height:30px; width:30px; position:absolute; top:5px; right:10px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:16px; line-height:30px; content: "\f067";  color:#000 !important; background-color:#fff; text-align:center; cursor:pointer; transition:all .12s ease-in-out; }
#MobiNav .item.haschild.active:after { content: "\f068"; background-color:#fff; } 

#MobiNav .item.haschild:nth-of-type(6n+1):after{color:#00aebc !important;}
#MobiNav .item.haschild:nth-of-type(6n+2):after{color:#95cb00 !important;}
#MobiNav .item.haschild:nth-of-type(6n+3):after{color:#dabc03 !important;}
#MobiNav .item.haschild:nth-of-type(6n+4):after{color:#f58800 !important;}
#MobiNav .item.haschild:nth-of-type(6n+5):after{color:#e20e22 !important;}
#MobiNav .item.haschild:nth-of-type(6n+6):after{color:#a6138a !important;}

#MobiNav .item .subLevel { display:none; } 
#MobiNav .item.haschild.active > .subLevel {display:block;}
#MobiNav .subLevel .item.first {border-top:1px solid #fff;}
#MobiNav .item.last {border-bottom:0;}



/* ================================================================================ 
                                 SCROLL 2 TOP
   ================================================================================ */
#back-to-top { display: block; color: #fff; background-color:#a6138a; position:fixed; bottom:-200px; right:10px; width:45px; height:45px;  text-shadow:none;  z-index:980;  line-height:45px; text-align:center; text-decoration:none; opacity: 0.4; transition:all 0.5s ease; }
#back-to-top.active  { bottom:10px; }
#back-to-top:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:16px; content: "\f077";  }
@media (hover: hover) {
   #back-to-top.active:hover { opacity: 1; text-decoration:none;  }
 } 


/* ================================================================================ 
                                     AGENDA
   ================================================================================ */   
/* CALENDAR MAIN */
#Content .ThemeDefault .EventTitle{text-transform:uppercase; color:#fff; height:auto; background-color:#444;}
#Content td.EventNextPrev + td{text-shadow:none; color:#fff; font-size: 24px; padding:20px 0px; letter-spacing:1px;}
#Content td.EventNextPrev{text-shadow:none; color:#fff;}
#Content td.EventNextPrev a:before{font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:13px; content: "\f053"; vertical-align: middle; padding-right: 10px;}
#Content td.EventNextPrev ~ td.EventNextPrev{text-shadow:none; color:#fff;}
#Content td.EventNextPrev ~ td.EventNextPrev a:before{content:"";}
#Content td.EventNextPrev ~ td.EventNextPrev a:after{font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:13px; content: "\f054"; vertical-align: middle; padding-left: 10px;}
#Content .EventNextPrev a:link, 
#Content .EventNextPrev a:visited, 
#Content .EventNextPrev a:active{color:#fff !important; font-size:18px;}
#Content .ThemeDefault .EventTitle td{vertical-align:middle;}

#Content .ThemeDefault .EventDayHeader{font-size: 14px; padding: 10px 0px; background-color:#999;}
#Content .ThemeDefault .EventDay{background-color:#fff; color:#444; border: 1px solid #e6e6e6; font-size:14px;}
#Content .ThemeDefault .EventWeekendDay{background-color:#fff;}
#Content .ThemeDefault .EventOtherMonthDay{background-color:#eee;}
#Content .ThemeDefault .EventDay .EventDayScroll > div > a{background-color:#444; color:#fff; border-radius: 5px; padding:0px 17px 0px 8px; font-size: 12px;}
#Content .EventNextPrev a:link, 
#Content .EventNextPrev a:visited, .EventNextPrev a:active {color:#ccc;}
#Content .ThemeDefault .EventTodayDay{background-color:#fff}

#Content .DetailEvent{}
#Content .DetailEvent .Head { font-size: 28px; }
#Content .DetailEvent .SubHead{ font-size: 20px; }
#Content .DetailEvent .Normal { font-size: 16px; }
#Content .DetailEvent a[Title="Printen"]{display:none;}

body .ThemeDefault.Eventtooltiptable { border-color: #444444;}
body .ThemeDefault .Eventtooltipheader, body .ThemeDefault .Eventtooltipbody { } 
body .ThemeDefault .Eventtooltipheader { background-color: #444444; font-size: 12px; font-weight:400;}
body .ThemeDefault .Eventtooltipbody { border-color: #444444; font-size: 12px;}


/* ================================================================================ 
                                 NIEUWSBRIEVEN
   ================================================================================ */   
.NewsletterSubscription { padding-top: 20px;}
.NewsletterSubscription .SubScriptionTitle { padding: 10px 0;}
.NewsletterSubscription .SubScriptionInput { font-family: inherit; }
.NewsletterSubscription .SubScriptionInput input,
.NewsletterSubscription .SubScriptionInput select { width: 90%; max-width: 300px; font-family: inherit; padding: 0px 10px; height: 32px; line-height: 32px; border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; }
.NewsletterSubscription .SubScriptionInput select {}
.NewsletterSubscription .SubscriptionActions { padding: 20px 0 0 0;  }
.NewsletterSubscription .SubscriptionActions .SubscriptionButton { display: inline-block; position: relative; margin: 5px 20px 5px 0; padding: 0px 5px; color: #ffffff; background-color: #e8b52d; text-decoration: none; }


/* ================================================================================ 
                                 FORMULIEREN 
   ================================================================================ */

/* ===== DEFAULT STYLING ===== */
input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance: none; border-radius: 0; }

.dnnFormItem input[type="text"], .dnnFormItem input[type="text"]:active, .dnnFormItem input[type="text"]:focus, 
.dnnFormItem input[type="password"], .dnnFormItem input[type="password"]:focus, .dnnFormItem input[type="password"]:active, 
.dnnFormItem input[type="email"], .dnnFormItem input[type="email"]:active, .dnnFormItem input[type="email"]:focus, 
.dnnFormItem select, .dnnFormItem select:active, .dnnFormItem select:focus, 
.dnnFormItem textarea, .dnnFormItem textarea:active, .dnnFormItem textarea:focus, 
.dnnFormItem input[type="search"], .dnnFormItem input[type="search"]:active, .dnnFormItem input[type="search"]:focus{ border:1px solid #CCCCCC; background: none !important; background-color: #ffffff !important;-webkit-box-shadow:none !important;box-shadow:none !important; outline: none !important;  border-radius: 3px;}

/* Knoppen */
.dnnPrimaryAction, a.dnnPrimaryAction ,
.dnnSecondaryAction, a.dnnSecondaryAction,
.dnnFormItem button, 
.dnnFormItem input[type="submit"], 
.dnnFormItem input[type="button"], 
.dnnFormItem input[type="reset"]
 { 
	-webkit-appearance: none; box-shadow: none; text-shadow: none !important; line-height: inherit; display: inline-block; margin: 5px 10px 5px 0; padding: 5px 15px; 
	font-size: 16px; font-weight: 300; background: none !important; background-color: #dddddd !important; border: none; border-radius: 0px; transition: all .3s ease; 
}

.dnnPrimaryAction:hover, a.dnnPrimaryAction:hover,
.dnnSecondaryAction:hover, a.dnnSecondaryAction:hover,
.dnnFormItem button:hover, 
.dnnFormItem input[type="submit"]:hover, 
.dnnFormItem input[type="button"]:hover, 
.dnnFormItem input[type="reset"]:hover { color: #000 !important; background: none !important; background-color:#cccccc !important; text-decoration: none; }


/* Primary afwijking */
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction { color: #fff !important; background-color: #a6138a !important; transition:all 0.3s ease; }
.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover{ color: #fff !important; background-color: #00aebc !important; }

/* nested button quirk fix */
.dnnPrimaryAction .dnnPrimaryAction, a.dnnPrimaryAction  a.dnnPrimaryAction, .dnnPrimaryAction .dnnPrimaryAction:hover, a.dnnPrimaryAction  a.dnnPrimaryAction:hover,
.dnnSecondaryAction .dnnSecondaryAction, a.dnnSecondaryAction a.dnnSecondaryAction, .dnnSecondaryAction .dnnSecondaryAction:hover, a.dnnSecondaryAction a.dnnSecondaryAction:hover { padding: 0 !important; margin: 0 !important; background:none !important;}


/* ===== POWER FORMS ===== */

.DnnModule-DNNGoPowerForms {  }

.DnnModule-DNNGoPowerForms .form_list{}
.DnnModule-DNNGoPowerForms .form_list .form_label{}  
.DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"],
.DnnModule-DNNGoPowerForms .form_list .form_input textarea,
.DnnModule-DNNGoPowerForms .form_list .form_input select,
.Theme_Normal_Default input[type="text"] {
-webkit-appearance: none; -moz-appearance: none; outline: none !important; box-shadow: none !important; 
border:1px solid #CCCCCC; margin: 0; padding: 5px 10px; border-radius: 3px; font-family: inherit; }

.DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]::-webkit-input-placeholder,
.DnnModule-DNNGoPowerForms .form_list .form_input textarea::-webkit-input-placeholder  { color: #EEEEEE; }
.DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]::-moz-placeholder,
.DnnModule-DNNGoPowerForms .form_list .form_input textarea::-moz-placeholder { color: #EEEEEE; }
.DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]:-ms-input-placeholder,
.DnnModule-DNNGoPowerForms .form_list .form_input textarea:-ms-input-placeholder { color: #EEEEEE; }
.DnnModule-DNNGoPowerForms .form_list .form_input input[type="text"]:-moz-placeholder,
.DnnModule-DNNGoPowerForms .form_list .form_input textarea:-moz-placeholder { color: #EEEEEE; }

.DnnModule-DNNGoPowerForms .form_submit .btn{ -webkit-appearance: none; box-shadow: none !important; text-shadow: none !important; line-height: inherit; display: inline-block !important; 
margin: 5px 10px 5px 0; padding: 5px 15px;  color: #ffffff; font-family: inherit; font-size: 16px; background: #a6138a !important; border: none !important; border-radius: 0px; transition: all .3s ease; }
.DnnModule-DNNGoPowerForms .form_submit .btn:hover{ text-decoration: none;  background-color: #00aebc !important; color: #ffffff !important;}
 

 
 /* ================================================================================ 
                                 DOCUMENTS MODULE 
   ================================================================================ */
.DNN_Documents {}
.DNN_Documents .dnnGrid { border: none; }
.DNN_Documents .dnnGrid .dnnGridHeader { border-bottom: 1px solid #D8D8D8;}
.DNN_Documents .dnnGrid .dnnGridHeader td { padding: 6px 5px; font-weight: 700; background-image: none; border: none; color: #00184E;  }
.DNN_Documents .dnnGrid .dnnGridItem { }
.DNN_Documents .dnnGrid .dnnGridAltItem { background-color: #f8f8f8;}

.DNN_Documents .dnnGrid .dnnGridItem td, .DNN_Documents .dnnGrid .dnnGridAltItem td { padding: 6px 5px; }

.DNN_Documents .dnnGrid a {}
.DNN_Documents .dnnGrid a:hover { color: #00184E; text-decoration: none;}
.DownloadCell a {  text-transform: uppercase; font-weight: 700;}
 
 
/* ================================================================================ 
                                 COOKIE CONSENT
   ================================================================================ */
#CookieConsent { position: fixed; bottom: 0; left: 0; z-index: 99999; width: 100%; padding: 10px; color: #444; background-color: #eee; box-sizing: border-box;}
.cookie-consent { text-align: center; }
.cookie-consent_message span, .cookie-consent_dismisslink, .cookie-consent_link { display: inline-block; padding: 5px 10px; }
a.cookie-consent_dismisslink { margin: 0 10px; color: #ffffff; background-color: #41a23e; border-radius: 4px;}
a.cookie-consent_dismisslink:hover { text-decoration: none; background-color: #2b7b29; }
a.cookie-consent_link { }
a.cookie-consent_link:hover { }
		

/* ================================================================================ 
                                 PUBLICATIE MODULE
   ================================================================================ */
/* ARTICLE LIST */
.pubArticleList {}
.pubArticleList .pubTitle {}
.pubArticleList .pubControls { padding:10px 0px;}
.pubArticleList .pubSort { }
.pubArticleList .pubPager { }

.pubArticleList .pubItem { margin: 0 0 30px 0; -webkit-align-items: flex-start; align-items: flex-start; } 
.pubArticleList .pubItem .pubThumbnail { height: 100px; width:100px; background-size: cover; background-position: center center; }
.pubArticleList .pubItem .pubContent { width:calc(100% - 130px); box-sizing:border-box;}
.pubArticleList .pubItem .pubContent .pubTitle { font-size: 20px; font-weight: 500; color: #a6138a; margin-bottom:10px;}
.pubArticleList .pubItem .pubContent .pubDate { color:#666666;}
.pubArticleList .pubItem .pubContent .pubSummary { }
.pubArticleList .pubItem .pubContent .pubMoreLink {margin-top:10px;}
.pubArticleList .pubItem .pubContent .pubMoreLink .Knop {}

/* ARTICLE DETAILS */
.pubArticleDetails {}
.pubArticleDetails .pubTitle { }
.pubArticleDetails .pubDate { margin: 0 0 10px 0; color:#666666;}
.pubArticleDetails .pubContent { margin: 0 0 20px 0; }
.pubArticleDetails .pubReturnLink { }
.pubArticleDetails .pubReturnLink .Knop { }

.pubArticleDetails .pubFileBox {}
.pubArticleDetails .pubFileBox .FileBoxHead{color:#ffffff; background-color:#444;}
.pubArticleDetails .pubFileBox .FileBoxBody{background-color:#ffffff;}
.pubArticleDetails .pubFileBox .FileBoxUnsortedList .ImageList img, 
.pubArticleDetails .pubFileBox .ThumbnailImg{ border-radius:0; }

/* ARTICLE VIEWER */
.pubArticleViewer {}
.pubArticleViewer .pubItem {}
.pubArticleViewer .pubItem .pubTitle { font-size:18px; font-weight:700;}
.pubArticleViewer .pubItem .pubDate { color:#666666;}
.pubArticleViewer .pubItem .pubSummary { }

.pubViewerHome {}
.pubViewerHome .pubItem {}
.pubViewerHome .pubItem .pubThumbnail { height: 160px; background-size: cover; background-position: center center; }
.pubViewerHome .pubItem .pubContent { padding:10px 0; }
.pubViewerHome .pubItem .pubContent  .pubTitle { }
.pubViewerHome .pubItem .pubContent  .pubDate { color:#666666;}
.pubViewerHome .pubItem .pubContent  .pubSummary { }

.pubViewerHome .pubItems {display:flex; gap:50px;}
.pubViewerHome .pubItems .pubItem {width:calc((100% - 100px ) /3 )}
.pubViewerHome .pubItems .pubItem .pubThumbnail {height:180px;}


/* SIDEBAR */
.pmsb_wrap { }
.pmsb_wrap .pm_block {}
.pmsb_wrap .pm_block .pm_block_header {  }
.pmsb_wrap .pm_block ul { }
.pmsb_wrap .pm_block ul li {  }
.pmsb_wrap .pm_block ul li a,
.pmsb_wrap .pm_block ul li span {  }



/* ================================================================================ 
                                 DIGICOM TIJDLIJN
   ================================================================================ */

/* GENERAL */
.sw-timeline { }
.sw-timeline-posts { }

.sw-timeline-post { display: flex; justify-content: flex-start; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #eee;}

.sw-timeline-post .post-images { }
.sw-timeline-post .post-thumbnail-image { display: inline-block; width: 100px; height: 100px; margin: 0 20px 0 0; position: relative; background-size: cover; background-position: center center; }
.sw-timeline-post .post-thumbnail-image .post-thumbnail-image-overlay  { display: block; position: absolute; bottom: 0; right: 0;  width: 100%; height: 100%; z-index: 5; background-size: cover; background-position: bottom right; background-repeat: no-repeat; }

.sw-timeline-post .post-content {  }
.sw-timeline-post .post-content .post-title{ font-size: 20px; font-weight: 500; color: #a6138a;}
.sw-timeline-post .post-content .post-author { margin: 5px 0; color: #aaa; display:none;}
.sw-timeline-post .post-content .post-author span { font-weight: 700; }
.sw-timeline-post .post-content .post-date { margin: 5px 0; color: #aaa;}
.sw-timeline-post .post-content .post-date span { font-weight: 700; }
.sw-timeline-post .post-content .post-message {  }
 
.sw-timeline-post .post-attachments {}
.sw-timeline-post .post-attachments .post-files {}
.sw-timeline-post .post-attachments .post-files .post-file {}
.sw-timeline-post .post-attachments .post-files .post-file a { display: block; padding: 2px 0 2px 10px; position: relative; }
.sw-timeline-post .post-attachments .post-files .post-file a:before { content: ""; display: block; width: 6px; height: 6px; position: absolute; top: 10px; left: 0; background-color: #888; }
.sw-timeline-post .post-attachments .post-files .post-file a:hover { }
  
/* LIST SPECIFIC */  
.sw-timeline.list { }

.sw-timeline-footer { padding: 10px 0; text-align: center;}
.sw-timeline-footer .sw-timeline-page-number { display: inline-block; margin: 0 5px; padding: 4px 10px; }
.sw-timeline-footer .sw-timeline-button { display: inline-block; height:35px; line-height:35px;  margin:5px; padding:0px 20px; font-size:16px; color:#fff; transition:all 0.3s ease; background-color:#a6138a; color:#fff;}
.sw-timeline-footer .sw-timeline-button:hover { text-decoration: none; background-color: #00aebc; }
.sw-timeline-footer .sw-timeline-button span {color: #fff;  }
  
/* RECIENT SPECIFIC */ 
.sw-timeline.recent { }
 
.sw-timeline.recent .sw-timeline-posts { display: flex; justify-content: space-between; margin: 0; padding: 0; flex-wrap: wrap; }
.sw-timeline.recent .sw-timeline-post { width: 30.33%; display:block; }
.sw-timeline.recent .sw-timeline-post .post-thumbnail-image { display: block; width: 100%; height: 275px; margin: 0 0 20px 0; position: relative; background-size: cover; background-position: center center; }
.sw-timeline.recent .sw-timeline-post .post-content {}
.sw-timeline.recent .sw-timeline-post .post-content .post-title{font-family: 'alphakindregular'; text-align:center; font-size:32px; margin-bottom:20px; color:#a6138a; }

.sw-timeline.recent .sw-timeline-post:nth-of-type(3n+1) .post-content .post-title{color:#dabc03;}
.sw-timeline.recent .sw-timeline-post:nth-of-type(3n+2) .post-content .post-title{color:#f58800;}
.sw-timeline.recent .sw-timeline-post:nth-of-type(3n+3) .post-content .post-title{color:#e20e22;}
  
.sw-timeline.recent .timeline-redirect-link  { padding: 10px 0; } 
.sw-timeline.recent .timeline-redirect-link .sw-timeline-list-link { display: inline-block; padding: 4px 10px; color: #fff; background-color: #aaa; border-radius: 5px; } 
.sw-timeline.recent .timeline-redirect-link .sw-timeline-list-link:hover { text-decoration: none; background-color: #888; }  
 


/* ================================================================================ 
                               DIGICOM KALENDER
   ================================================================================ */
.digicom-module-title {display:none;}

/* CALENDAR WRAPPER */
.digicom-module-title { color : #0000FF;}

.sw-calendar { }
 
/* CALENDAR HEADER */
.sw-calendar-header { display: flex; justify-content: space-between; align-items: center;  margin: 0 0 20px 0; padding: 10px 0; border-bottom: 2px solid #ccc; }
.sw-calendar-title { margin:20px 0; font-size: 24px; font-weight: 500; color: #a6138a;}
a.sw-calendar-button { background-color:#a6138a; height:35px; line-height:35px; display:inline-block; margin-right:10px; padding:0px 20px; font-size:16px; color:#fff; transition:all 0.3s ease; position:relative;cursor: pointer; }
a.sw-calendar-button:hover  { text-decoration: none; background-color:#00aebc;}
a.sw-calendar-button.previous {}
a.sw-calendar-button.next {}
 
/* CALENDAR ITEMS */
.sw-calendar-items { }
.sw-calendar-item { margin: 0 0 30px 0; }
/* .sw-calendar-item:last-of-type { margin:0px; } */
 
.sw-calendar-item-dates { display: flex; justify-content: flex-start;}
.sw-calendar-item-date { margin: 0 0 3px 0; font-weight: 500; color:#00aebc; }
.sw-calendar-item-date.startdate {}
.sw-calendar-item-date.enddate { }
.sw-calendar-item-date.enddate:before { content: "-"; display:inline-block; margin: 0 5px 0 10px; }
.sw-calendar-item-date-name {}
.sw-calendar-item-date-day {}
.sw-calendar-item-date-month {}
.sw-calendar-item-date-time {}
 
.sw-calendar-item-title { margin: 0 0 5px 0; color:#a6138a; font-size: 20px; font-weight: 500;}
.sw-calendar-item-description {}
.sw-calendar-item-groups { margin: 10px 0 0 0;}
.sw-calendar-item-groups span { display: inline-block; margin: 0 5px 5px 0; padding: 5px 10px; border: 1px solid #aaa; }
/* 
.sw-calendar-item-groups span + span:before { content: ", "; }
*/

/* CALENDAR VIEWER */
.sw-calendar-footer { margin: 20px 0 0 0;  }
a.sw-calendar-list-link { display: inline-block; padding: 5px 15px; color: #fff; background-color:#FF0000; font-weight: 700; cursor: pointer; }
a.sw-calendar-list-link:hover  { text-decoration: none; background-color: #0000FF; }


.sw-calendar.upcoming{}
.sw-calendar.upcoming .sw-calendar-items{display: flex; justify-content: space-between; margin: 0; padding: 0; flex-wrap: wrap; }
.sw-calendar.upcoming .sw-calendar-item{width:30.33%; display: flex; justify-content: center; align-items: center; }
.sw-calendar.upcoming .sw-calendar-item .sw-calendar-item-dates{width:75px;}
.sw-calendar.upcoming .sw-calendar-item .sw-calendar-item-dates .sw-calendar-item-date{width:100%; font-weight:normal; margin:0;}
.sw-calendar.upcoming .sw-calendar-item .sw-calendar-item-dates .sw-calendar-item-date .sw-calendar-item-date-name{display:none;}
.sw-calendar.upcoming .sw-calendar-item .sw-calendar-item-dates .sw-calendar-item-date .sw-calendar-item-date-day{display:block; color:#313131; background-color:#fff; width:100%; height:60px; line-height:65px; text-align:center; font-family: 'alphakindregular'; font-size:42px; letter-spacing:4px;}
.sw-calendar.upcoming .sw-calendar-item .sw-calendar-item-dates .sw-calendar-item-date .sw-calendar-item-date-month{display:block; color:#fff; background-color:#000; width:100%; height:35px; line-height:35px; text-align:center; text-transform:uppercase; letter-spacing:1px; font-weight:600;}
.sw-calendar.upcoming .sw-calendar-item .sw-calendar-item-dates .sw-calendar-item-date.enddate{display:none; height:0;}
.sw-calendar.upcoming .sw-calendar-item .sw-calendar-item-title{width:calc(100% - 75px); padding: 0px 20px; box-sizing:border-box; color:#fff;  font-size:18px; line-height:1.8; font-weight:500;}
.sw-calendar.upcoming .sw-calendar-item .sw-calendar-item-description{display:none;}


.sw-calendar.upcoming .sw-calendar-item:nth-of-type(3n+1) .sw-calendar-item-dates .sw-calendar-item-date .sw-calendar-item-date-month{background-color:#00aebc;}
.sw-calendar.upcoming .sw-calendar-item:nth-of-type(3n+2) .sw-calendar-item-dates .sw-calendar-item-date .sw-calendar-item-date-month{background-color:#95cb00;}
.sw-calendar.upcoming .sw-calendar-item:nth-of-type(3n+3) .sw-calendar-item-dates .sw-calendar-item-date .sw-calendar-item-date-month{background-color:#dabc03;}

/*
.sw-calendar.upcoming .sw-calendar-item { overflow: hidden;} 
.sw-calendar.upcoming .sw-calendar-item .sw-calendar-item-dates { float: left;  width: 60px;}
.sw-calendar.upcoming .sw-calendar-item .sw-calendar-item-dates .sw-calendar-item-date { display:block; width: 100%; text-align: center; color: #ffffff;  background-color: #0000FF; }
.sw-calendar.upcoming .sw-calendar-item .sw-calendar-item-dates .sw-calendar-item-date.enddate { display:none;}
.sw-calendar.upcoming .sw-calendar-item .sw-calendar-item-dates .sw-calendar-item-date .sw-calendar-item-date-name  { display:block;  }
.sw-calendar.upcoming .sw-calendar-item .sw-calendar-item-dates .sw-calendar-item-date .sw-calendar-item-date-day { display:block; font-size: 24px; margin: 3px 0; }
.sw-calendar.upcoming .sw-calendar-item .sw-calendar-item-dates .sw-calendar-item-date .sw-calendar-item-date-month { display:block; }
.sw-calendar.upcoming .sw-calendar-item .sw-calendar-item-title,
.sw-calendar.upcoming .sw-calendar-item .sw-calendar-item-description { float: right; width: calc(100% - 80px); }
*/





/* ================================================================================ 
                                   2SXC BANNER
   ================================================================================ */

/* BIG BANNER - 2SXC  */
.BigBanner {position: relative; }
.BigBannerImages { height: 500px; position: relative; z-index: 1; }
.BigBannerImage { width: 100%; height: 100%; background-size: cover; background-position: center center;}
.BigBannerImage .BigBannerImg{width: 100%; height: 100%; background-size: cover; background-position: center center; position:relative;}
.BigBannerImage .BigBannerImg:after{content:"";width: 100%; height: 50%; background-color:red; left:0; bottom:0; position:absolute; opacity:0.3; 
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.BigBanner .flickity-page-dots{bottom:30px;} 
.BigBanner .flickity-page-dots .dot{opacity:1; border:3px solid #fff; border-radius:0; background-color:transparent; margin: 0px 5px;} 
.BigBanner .flickity-page-dots .dot.is-selected{background-color:#fff;} 


 /* ================================================================================ 
                                 2SXC KERNWAARDEN 
   ================================================================================ */

.BigText {padding-bottom:30px;}
.Kernwaarden { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0px;}
.KernwaardeItem { width: 48%; padding-bottom:40px; }

.KernwaardeLink { display: block; width: 100%; height: 320px; background-color: transparent; perspective: 1000px; }
.KernwaardeKaart { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d;}
.KernwaardeLink:hover .KernwaardeKaart { transform: rotateY(180deg); }

  
.KernwaardeKaartVoorkant {  position: absolute; width: 100%; height: 100%; padding: 20px; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden;	box-sizing: border-box; background-color: #bbb; color: #ffffff;	display: flex; align-items: flex-end; background-size: cover; background-position: center;}
.KernwaardeKaartVoorkant:after{content:""; height:15px; width:100%; background-color:#a6138a; position:absolute; left:0; bottom:0;}
.KernwaardeKaartVoorkant .KernwaardeTitel { width: 100%; font-size:36px; text-shadow: 0 0 4px #000; font-family: 'alphakindregular';}
 
.KernwaardeKaartAchterkant { position: absolute; width: 100%; height: 100%; padding: 15px; -webkit-backface-visibility: hidden; /* Safari */ backface-visibility: hidden;	box-sizing: border-box; background-color: #ff0000; color: #fff; transform: rotateY(180deg);	display: flex;	flex-direction: column;	justify-content: space-between;}
.KernwaardeKaartAchterkant .KernwaardeTitel { font-size:36px; font-weight: 700; font-family: 'alphakindregular';}
.KernwaardeKaartAchterkant .KernwaardeTekst { max-height: 145px; overflow-y: hidden;}
.KernwaardeKaartAchterkant .KernwaardeKnop a{ display: inline-block; margin: 10px auto 0 auto; height:35px; line-height:35px; padding: 0px 20px; border-radius: 0px; color: #000; background-color: #fff; } 


.KernwaardeItem:nth-of-type(4n+1) .KernwaardeKaartVoorkant:after{background-color:#95cb00;}
.KernwaardeItem:nth-of-type(4n+2) .KernwaardeKaartVoorkant:after{background-color:#dabc03;}
.KernwaardeItem:nth-of-type(4n+3) .KernwaardeKaartVoorkant:after{background-color:#f58800;}
.KernwaardeItem:nth-of-type(4n+4) .KernwaardeKaartVoorkant:after{background-color:#e20e22;}

.KernwaardeItem:nth-of-type(4n+1) .KernwaardeKaartAchterkant{background-color:#95cb00;}
.KernwaardeItem:nth-of-type(4n+2) .KernwaardeKaartAchterkant{background-color:#dabc03;}
.KernwaardeItem:nth-of-type(4n+3) .KernwaardeKaartAchterkant{background-color:#f58800;}
.KernwaardeItem:nth-of-type(4n+4) .KernwaardeKaartAchterkant{background-color:#e20e22;}

.KernwaardeItem:nth-of-type(4n+1) .KernwaardeKaartAchterkant .KernwaardeKnop a{color:#95cb00;}
.KernwaardeItem:nth-of-type(4n+2) .KernwaardeKaartAchterkant .KernwaardeKnop a{color:#dabc03;}
.KernwaardeItem:nth-of-type(4n+3) .KernwaardeKaartAchterkant .KernwaardeKnop a{color:#f58800;}
.KernwaardeItem:nth-of-type(4n+4) .KernwaardeKaartAchterkant .KernwaardeKnop a{color:#e20e22;}



 /* ================================================================================ 
                                 2SXC SMOELENBOEK 
   ================================================================================ */
.Medewerkerslijst{ }
.MedewerkerslijstItems{ display: flex; flex-wrap: wrap; list-style-type: none; margin: 0; padding: 0; }
.MedewerkerslijstItem{ width: 30%; margin: 0 5% 25px 0; }
.MedewerkerslijstItem:nth-child(3n+3){ margin-right: 0; }
.MedewerkerslijstItemImage { width: 130px; height: 130px; margin: 0 auto 15px auto; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.MedewerkerslijstItemContent { text-align: center; }
.MedewerkerslijstItemContentName { color: #a6138a; font-weight: 500; font-size:18px; }
.MedewerkerslijstItemContentText1 {}
.MedewerkerslijstItemContentText2 {}

.ThemeRounded .MedewerkerslijstItemImage { border-radius: 10px;}
.ThemeCircular .MedewerkerslijstItemImage { border-radius: 50%; }


 /* ================================================================================ 
                                 2SXC SPECIAL IMG 
   ================================================================================ */
.SpecialImgWrapper{}
.SpecialImg{display:inline-block; position:absolute;}
.SpecialImg.EdgeBottom:after{content:""; width:100%; height:15px; display:block; position:relative;
background: rgb(0,174,188); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(0,174,188,1) 0%, rgba(0,174,188,1) 20%, rgba(149,203,0,1) 20.1%, rgba(149,203,0,1) 40%, rgba(218,188,3,1) 40.1%, rgba(218,188,3,1) 60%, rgba(245,136,0,1) 60.1%, rgba(245,136,0,1) 80%, rgba(226,14,34,1) 80.1%, rgba(226,14,34,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,174,188,1) 0%,rgba(0,174,188,1) 20%,rgba(149,203,0,1) 20.1%,rgba(149,203,0,1) 40%,rgba(218,188,3,1) 40.1%,rgba(218,188,3,1) 60%,rgba(245,136,0,1) 60.1%,rgba(245,136,0,1) 80%,rgba(226,14,34,1) 80.1%,rgba(226,14,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,174,188,1) 0%,rgba(0,174,188,1) 20%,rgba(149,203,0,1) 20.1%,rgba(149,203,0,1) 40%,rgba(218,188,3,1) 40.1%,rgba(218,188,3,1) 60%,rgba(245,136,0,1) 60.1%,rgba(245,136,0,1) 80%,rgba(226,14,34,1) 80.1%,rgba(226,14,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.SpecialImg.EdgeTop:before{content:""; width:100%; height:15px; display:block; position:relative;
background: rgb(0,174,188); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(0,174,188,1) 0%, rgba(0,174,188,1) 20%, rgba(149,203,0,1) 20.1%, rgba(149,203,0,1) 40%, rgba(218,188,3,1) 40.1%, rgba(218,188,3,1) 60%, rgba(245,136,0,1) 60.1%, rgba(245,136,0,1) 80%, rgba(226,14,34,1) 80.1%, rgba(226,14,34,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,174,188,1) 0%,rgba(0,174,188,1) 20%,rgba(149,203,0,1) 20.1%,rgba(149,203,0,1) 40%,rgba(218,188,3,1) 40.1%,rgba(218,188,3,1) 60%,rgba(245,136,0,1) 60.1%,rgba(245,136,0,1) 80%,rgba(226,14,34,1) 80.1%,rgba(226,14,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,174,188,1) 0%,rgba(0,174,188,1) 20%,rgba(149,203,0,1) 20.1%,rgba(149,203,0,1) 40%,rgba(218,188,3,1) 40.1%,rgba(218,188,3,1) 60%,rgba(245,136,0,1) 60.1%,rgba(245,136,0,1) 80%,rgba(226,14,34,1) 80.1%,rgba(226,14,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
   



/* ================================================================================ 
                                   MEDIA QUERIES
   ================================================================================ */

@media only screen and (max-width: 1000px) {	
	.RadMenu_MainMenu .rmRootGroup > .rmItem{margin-bottom:15px;}
}
   
@media only screen and (max-width: 768px) {	
	.InnerWrapper { }
	.RadMenu, .RadPanelBar, #Search.SearchWrapper { display: none;}
	
	.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {float:none; margin-right:0; width:100%;}	
	.FlexWrapper{-webkit-flex-direction: column; flex-direction: column;}
	
	.MobileMenuTrigger {display:block;}
	
	#Logo{text-align:center; margin-bottom:20px;}
	#Header .HeaderPane{display:none;}
	
	.BigBannerImages{height:300px;}
	
	#Wrapper.Home .ContentRow2 .InnerWrapper{padding-top:50px; padding-bottom:0px;}
	#Wrapper.Home .ContentRow3 .InnerWrapper{padding-top:90px; padding-bottom:20px;}
	#Wrapper.Home .ContentRow4 .InnerWrapper{padding-top:50px; padding-bottom:0px;}
	#Wrapper.Home .ContentRow5 .InnerWrapper{padding-top:50px; padding-bottom:20px;}
	
	.SectionHeader .SectionRight{margin:auto;}
	
	.KernwaardeItem{width:100%;}
	.KernwaardeLink{height:auto;}
	.KernwaardeLink:hover .KernwaardeKaart{transform:none;}
	.KernwaardeKaart{transform-style:none;}
	.KernwaardeKaartVoorkant{position:relative; backface-visibility: visible; height:300px;}
	.KernwaardeKaartVoorkant .KernwaardeTitel{display:none;}
	.KernwaardeKaartAchterkant{position:relative; transform:none; backface-visibility: visible;}

	
	.sw-timeline.recent .sw-timeline-post{width:100%;}
	
	.sw-calendar.upcoming .sw-calendar-item{width:100%;}
	
	.pubArticleList .pubItem{flex-direction:row;}
	.pubArticleList .pubItem .pubThumbnail{float:left;}
	.pubArticleList .pubItem .pubContent{float:left;}
	
	
	#Footer .one-third{margin-bottom:30px;}
	#Footer .FooterPane2,
	#Footer .FooterPane3{margin-top:auto;}


}   

@media only screen and (max-width: 479px) {	


	.KernwaardeKaartVoorkant{height:200px;}
	
	.sw-timeline.recent .sw-timeline-post .post-thumbnail-image{height:200px;}
	
	.pubArticleList .pubItem .pubThumbnail{display:none;}
	.pubArticleList .pubItem .pubContent{width:100%;}
	
	a.sw-calendar-button{height:35px; width:35px; text-indent:999px; overflow:hidden; padding:0; position:relative;}
	a.sw-calendar-button:after{content:"a"; width:35px; height:35px; line-height:35px; position:absolute; display:block; top:0; left:0; text-align:center; color:#fff; text-indent:0; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:16px; }
	a.sw-calendar-button.previous:after{content: "\f0d9";}
	a.sw-calendar-button.next:after{content: "\f0da";}
	
	H1{font-size:30px;}

}